<template>
  <div>
    <!-- 打开链接 -->
    <router-link class="openItem" to="/">
      <img src="../image/喜马拉雅logo.png" alt="" class="img" />
      <div class="open">打开</div>
    </router-link>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";
  export default defineComponent({
    name: "OpenItem",
  });
</script>
<script lang="ts" setup></script>

<style lang="scss" scoped>
  .openItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 10px 8px;
    background: #4c4d4f;
    .img {
      height: 28px;
    }
    .open {
      width: 60px;
      padding: 3px 0px;
      text-align: center;
      background: #f86442;
      border-radius: 20px;
      color: #fff;
      font-size: 16px;
    }
  }
</style>
